<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>就业跟踪管理平台-用户登录</title>
		<!--引入Boostrap文件  共三个 有先后顺序-->
		<!--一下三句话相当于Java中的import-->
		<script type="text/javascript" src="js/jquery.min.js" ></script>
		<script type="text/javascript" src="js/bootstrap.min.js" ></script>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
	<!--<style>样式  CSS技术-->
		<style>
		/*在此放CSS的样式代码，下面这个是给loginDiv施加样式*/
		.loginDiv{
			width:30%;/*宽度站屏幕的30%*/
			height: 400px;
			background-color: #F3F3F3;/*px表示像素*/
			margin: 0 auto;/*div居中*/
			margin-top: 30px;/*div距屏幕顶端30个像素*/
			padding-top: 50px;/*padding-top是内边距*/
		}
		</style>
	</head>
	<body>
		<!--在网页上做一个灰色的框，放网页信息-->
		<!--div就是一个区域-->
		<div class="loginDiv">
		<!--class="center-block"图片居中 CSS技术   img-responsive是屏幕自适应技术 bootstrap技术（图片大小会随着网页大小的变化而变化  -->
			<img class="center-block img-responsive" src="img/tyust.png" />
			<img class="center-block img-responsive" src="img/sys.png" />
			<!--type="text"文本框--><!--placeholder="用户民" 在文本框中有字-->
			<input placeholder="用户民" type="text" class="form-control"/><br />       <!--<br />表示换行-->
			<input placeholder="密码" type="password" class="form-control" /><br />
			<button class="btn btn-primary btn-block">登录</button><br />
			<img width="200px" height="30px" src="img/ychs-nobg.png" class="center-block img-responsive" />
		</div>
	</body>
</html>
